<!DOCTYPE html>
<html>
<head>
    <title>Application</title>
    <style type="text/css">
        table {           
            border-collapse:collapse;
            font-family:Arial;
            font-size:medium;
            width:470px;            
        }
        td {
            padding:7px;
            border:solid 1px #808080;   
        }
        .col1 {
            font-weight:bold;
            text-align:right;  
            width:180px; 
            vertical-align:middle;
        }
         .col2 {
            text-align:left;     
        }
        .btn {
            color:#000000;
        }
        .btn:hover {
            color:#9b0c02;
            cursor:pointer;
        }
        
    </style>
</head>
<body>
    <form id="formHomework1" method="post" action="#">
        <table>     

        <tfoot style="text-align:center;"> 
            <tr>
                <td colspan="2">
                    <input type="submit" value="Submit" class="btn"/>
                    <input type="reset" value="Clear This Form" style="padding-left:5px;" class="btn"/>
                </td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td class="col1">
                    <label for="in_1">Last Name:</label> 
                </td>
                 <td class="col2">
                     <input id="in_1" type="text" style="width:240px" placeholder="Chonkov"/>
                 </td>
            </tr>
             <tr>
                <td class="col1">
                    <label for="in_2">First Name:</label> 
                </td>
                 <td class="col2">
                     <input id="in_2" type="text" style="width:240px" placeholder="Svetoslav"/>
                 </td>
            </tr>
            <tr>
                <td class="col1">
                    <label for="in_3">Address:</label> 
                </td>
                 <td class="col2">
                    <textarea id="in_3" style="width:230px; height:50px; min-height:50px; min-width:230px; max-height:50px; max-width:230px; text-align:left;" placeholder="mp street"></textarea>
                 </td>
            </tr>
            <tr>
                <td class="col1">
                    <label for="in_4">City:</label> 
                </td>
                 <td style="padding:0px; text-align:left;">                     
                     <table cellpadding="0" cellspacing="0" style="width:100%">
                         <tr>
                             <td style="border:0; border-right:solid 1px #808080;">
                                 <input id="in_4" type="text" style="width:150px" placeholder="Rakovski"/>
                             </td>
                             <td style="border:0; border-right:solid 1px #808080;">
                                 <label for="in_5">State</label> 
                             </td>
                             <td style="border:0; ">
                                  <input id="in_5" type="text" style="width:40px" />
                             </td>
                         </tr>
                     </table>   
                 </td>
            </tr>
             <tr>
                <td class="col1">
                    <label for="in_6">ZIP/Postal Code:</label> 
                </td>
                 <td class="col2">
                     <input id="in_6" type="text" style="width:80px" placeholder="4150"/>
                 </td>
            </tr>
              <tr>
                <td class="col1">
                    <label for="in_7">Country:</label> 
                </td>
                 <td class="col2">
                     <select id="in_7">
                        <option value="1" selected="selected" >Bulgaria</option>
                        <option value="2" >UK</option>
                     </select>
                 </td>
            </tr>
             <tr>
                <td class="col1">
                    <label for="in_8">Phone (country code, area code, number):</label> 
                </td>
                 <td class="col2">
                     (+ <input id="in_8" type="tel" style="width:50px" placeholder="359"/> ) <input id="Text1" type="tel" style="width:50px" placeholder="888"/> - <input id="Text2" type="tel" style="width:80px" placeholder="5373"/>
                 </td>
            </tr>
            <tr>
                <td class="col1">
                    <label for="in_9">E-mail:</label> 
                </td>
                 <td class="col2">
                     <input id="in_9" type="email" style="width:240px" placeholder="svetoslav.chonkov@gmail.com"/>
                 </td>
            </tr>
            <tr>
                <td class="col1">
                    <label for="in_10">Birth date:</label> 
                </td>
                 <td class="col2">
                     <label for="in_10">Month</label>
                     <input id="in_10" type="text" style="width:15px" placeholder="06"/>
                     <label for="in_11">Day</label>
                     <input id="in_11" type="text" style="width:15px" placeholder="1*"/>
                     <label for="in_12">Year (4 digit)</label>
                     <input id="in_12" type="text" style="width:30px" placeholder="199*"/>
                 </td>
            </tr>
            <tr>
                <td class="col1">
                    <label for="in_13">Gender</label> 
                </td>
                 <td class="col2">
                     <select id="in_13">
                        <option value="1" selected="selected">Male</option>
                        <option value="2">Female</option>
                     </select>
                 </td>
            </tr>
            <tr>
                <td class="col1">
                    <label>Starting date</label> 
                </td>
                 <td class="col2">
                     <input id="in_14" type="radio" name="radioButon"  checked="checked"/>
                     <label for="in_14">Spring 2012</label>
                     <input id="in_15"  type="radio" name="radioButon" />
                     <label for="in_15">Autumn 2012</label>
                 </td>
            </tr>
             <tr>
                <td class="col1">
                    <label for="in_16">Comments/Questions</label> 
                </td>
                 <td class="col2">
                    <textarea id="in_16" style="width:230px; height:70px; min-height:70px; min-width:230px; max-height:70px; max-width:230px; text-align:left;" placeholder="If you have any questions, please ask."></textarea>
                 </td>
            </tr>

        </tbody>
       </table>
    </form>
</body>
</html>
